<template>
	<view>
		<view class="se_one">
			<text>总评分</text>
			<text>4.8</text>
			<text>/ 5分</text>
		</view>
		<view style="background-color: #fff;">	
			<view class="sd_buy_item_p" v-for="(item1,index1) in 10" :key="index1">
				<view class="sd_buy_header">
					<image src="https://aliyunoss.hntgov.net/sd/mr_tx_sd.png" mode="aspectFill"></image>
					<view class="sd_buy_header_r">
						<text>匿名</text>
						<view style="display: flex;">
							<view class="sd_buy_header_r_view" v-for="(item,index) in 5" :key="index"><u-icon
									name="star-fill" size='12' style="color: #fff;"></u-icon></view>
							<text style="font-size: 24rpx;">5分</text>
						</view>
					</view>
				</view>
				<view class="sd_buy_item_p_nr">
					武陵源风景名胜区是湖南之行最惊艳的景区强烈安利 在质惠游湖南小程序上直接购买旅游卡，可免费入可免费入
				</view>
				<view class="sd_buy_item_p_tp">
					<image src="https://cdn.uviewui.com/uview/swiper/1.jpg" mode="aspectFill"
						v-for="(item,index) in 9" :key="index"></image>
		        </view>
				<image src="https://aliyunoss.hntgov.net/sd/sd_item_yzdp.png" mode="aspectFill" style="width: 104rpx;height:100rpx;position: absolute;top: 24rpx;right: 24rpx;"></image>
			</view>
			<u-loadmore :status="status" />
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				status: 'loadmore',
			}
		},
		onLoad() {
			
		},
		methods:{
			
		}
	}
</script>

<style>
	page{
		background: #f8f8f8;
	}
</style>
<style scoped lang="less">
	.centered{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.sd_buy_item_p {
		width: 702rpx;
		margin: 24rpx;
		padding: 24rpx;
		margin-bottom: 0rpx;
		padding-bottom: 0rpx;
	   position: relative;
		.sd_buy_item_p_nr {
			font-size: 28rpx;
			color: #4A4949;
			line-height: normal;
			width: 654rpx;
		}
	 .sd_buy_item_p_tp {
			display: flex;
			flex-wrap: wrap;
			gap: 15rpx;
			width: 654rpx;
			margin-top: 24rpx;
			position: relative;
			border-bottom: 2rpx #F1F1F1 solid;
			padding-bottom: 48rpx;
	
			image {
				width: 208rpx;
				height: 210rpx;
				border-radius: 8rpx;
			}
		}
		.sd_buy_header {
				display: flex;
		
				.sd_buy_header_r {
					display: flex;
					flex-direction: column;
					margin-left: 16rpx;
					color: #3D3D3D;
				}
		
				.sd_buy_header_r_view {
					width: 24rpx;
					height: 24rpx;
					background-color: #FCCF0A;
					border-radius: 8rpx;
					
					margin-right: 8rpx;
					.centered
				}
		
				image {
					width: 65rpx;
					height: 65rpx;
				}
			}
		}

	.se_one{
		.centered;
		width: 750rpx;
		height: 142rpx;
		padding-left: 48rpx;
		justify-content: flex-start;
		text:nth-child(1){
			color: #3D3D3D;
			font-size: 32rpx;
		}
		text:nth-child(2){
			color: #3D3D3D;
			font-size: 72rpx;
			font-weight: bold;
			padding: 0rpx 24rpx;
		}
		text:nth-child(3){
			color: #929292;
			font-size: 32rpx;
		}
	}
	
</style>